import axios from 'axios';

// 创建axios实例
const api = axios.create({
  baseURL: '/api',
  timeout: 30000,
  headers: {
    'Content-Type': 'application/json'
  }
});

// 请求拦截器
api.interceptors.request.use(
  config => {
    // 在发送请求之前做些什么
    console.log('【API】发送请求:', config.url, config.data ? '数据:' : '', config.data || '');
    return config;
  },
  error => {
    // 对请求错误做些什么
    console.error('【API】请求配置错误:', error);
    return Promise.reject(error);
  }
);

// 响应拦截器
api.interceptors.response.use(
  response => {
    // 对响应数据做点什么
    console.log('【API】收到响应:', response.config.url, response.data ? '数据:' : '', response.data || '');
    return response.data;
  },
  error => {
    // 对响应错误做点什么
    console.error('【API】响应错误:', error);
    
    // 处理不同的错误情况
    if (error.response) {
      // 服务器返回了错误状态码
      console.error(`【API】服务器返回错误: ${error.response.status}`, error.response.data);
      switch (error.response.status) {
        case 404:
          console.error('【API】请求的资源不存在');
          break;
        case 500:
          console.error('【API】服务器内部错误');
          break;
        default:
          console.error('【API】请求失败:', error.response.status);
      }
    } else if (error.request) {
      // 请求已发出，但没有收到响应
      console.error('【API】没有收到响应，可能是网络问题或服务器未运行:', error.request);
    } else {
      // 发送请求时出了点问题
      console.error('【API】请求配置错误:', error.message);
    }
    
    // 构建更有描述性的错误
    let errorMessage = '网络请求失败';
    if (error.response) {
      errorMessage = `服务器错误: ${error.response.status}`;
      if (error.response.data && typeof error.response.data === 'string') {
        errorMessage += ` - ${error.response.data}`;
      }
    } else if (error.code === 'ECONNABORTED') {
      errorMessage = '请求超时，请检查网络连接或服务器状态';
    } else if (!navigator.onLine) {
      errorMessage = '网络连接已断开，请检查您的网络连接';
    } else {
      errorMessage = error.message || '未知错误';
    }
    
    // 创建增强的错误对象
    const enhancedError = new Error(errorMessage);
    enhancedError.originalError = error;
    enhancedError.isApiError = true;
    
    return Promise.reject(enhancedError);
  }
);

// 布局相关的API
export const layoutApi = {
  // 保存布局
  saveLayout: async (layoutData) => {
    try {
      console.log('【布局API】准备保存布局:', layoutData);
      const response = await api.post('/internet/addEquipment', layoutData);
      console.log('【布局API】保存布局成功:', response);
      return response;
    } catch (error) {
      console.error('【布局API】保存布局失败:', error);
      throw new Error(error.message || '保存布局时发生错误: 未知错误');
    }
  },
  
  // 获取布局
  getLayout: async () => {
    try {
      console.log('【布局API】准备获取布局');
      const response = await api.post('/internet/getEquipment');
      console.log('【布局API】获取布局成功:', response);
      return response;
    } catch (error) {
      console.error('【布局API】获取布局失败:', error);
      throw new Error(error.message || '获取布局时发生错误: 未知错误');
    }
  },
  
  // 获取区域信息
  getRegions: async () => {
    try {
      console.log('【布局API】准备获取区域信息');
      const response = await api.post('/internet/findRegion');
      console.log('【布局API】获取区域信息成功:', response);
      return response;
    } catch (error) {
      console.error('【布局API】获取区域信息失败:', error);
      throw new Error(error.message || '获取区域信息时发生错误: 未知错误');
    }
  }
};

export default api; 